.page-order {
  min-height: 100vh;
  background-color: #f4f4f4;

  .order-form {
    margin: 0 20px;

    input[type="submit"] {
      width: 100%;
      height: 80px;
      padding-left: 8px;
      border-radius: 10px;
      border-style: none;
      box-sizing: border-box;
      font-size: 28px;
      color: #fff;
      letter-spacing: 8px;
      cursor: pointer;

      &:disabled {
        background-color: #818588;
        cursor: not-allowed;
      }
    }
  }

  .order-form__item {
    margin-bottom: 20px;

    label {
      font-size: 28px;
      color: #818588;
      line-height: 80px;
    }
  }

  .order-form__ipt {
    display: flex;
    align-items: center;
    height: 80px;
    border: 1PX solid #eee;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;

    input[type="text"] {
      padding: 0 10px;
      border-style: none;
    }

    input:not([type="button"]) {
      flex: 1;
      height: 100%;
    }
  }

  .order-form__button {
    width: 142px;
    height: 100%;
    font-size: 28px;
    color: #fff;
    background-color: #ebb53e;

    &[href] {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }

    &[type="button"] {
      border-style: none;
      cursor: pointer;
    }
  }
}
